.banner swiper{
  width: 100%;
  height: 730rpx;
  margin-top: 20rpx;
}
.banner .slide-image{
  width: 100%;
  height: 730rpx;
}
.title-warp{
  height: 146rpx;
  padding: 42rpx 30rpx;
  border-bottom: 20rpx solid #F6F6F6;
}
.title{
  color: #363636;
  font-size: 34rpx;
  line-height: 46rpx;
  margin-bottom: 10rpx;
  font-weight: bold;
}
.current{
  height: 30rpx;
  line-height: 30rpx;
  font-size: 28rpx;
  color: #E51F54;
  display: inline-block;
  padding-right: 20rpx;
}
.current text{
  font-size: 40rpx;
}
.original{
  height: 30rpx;
  line-height: 30rpx;
  font-size: 28rpx;
  display: inline-block;
}
.repertory{
  color: #B1B1B1;
  font-size: 26rpx;
  line-height: 40rpx;
  margin-right: 30rpx;
}
.repertory text{
  color: #E51F54;
}
.appraise-warp{
  height: 88rpx;
  border-bottom: 1rpx solid #E8E8E8;
  font-size: 30rpx;
}
.appraise-title{
  width: 50%;
  height: 88rpx;
  display: inline-block;
  text-align: center;
  line-height: 88rpx;
}
.active{
  color: #E51F54;
  padding-bottom: 20rpx;
  border-bottom: 4rpx solid #E51F54;
}
.appraise{
  padding: 30rpx 0rpx 0rpx 30rpx;
  font-size: 28rpx;
}
.appraise view{
  display: inline-block;
}
.appraise-pic{
  margin-right: 20rpx;
}
.appraise-pic image{
  width: 64rpx;
  height: 64rpx;
  vertical-align: middle;
  background: #E51F54;
  border-radius: 50%;
}
.appraise-time{
  font-size: 24rpx;
  color: #B5B5B5;
  line-height: 64rpx;
  padding-right: 30rpx;
}
.appraise-cont{
  width: 100%;
  margin: 20rpx 0;
  display: block;
}
.cont-pic image{
  width: 220rpx;
  height: 220rpx;
  margin-right: 16rpx;
  vertical-align: middle;
  background: #E51F54;
}
.particulars-warp{
  margin-bottom: 110rpx;
}
.particulars{
  padding: 30rpx;
}
.particulars image{
  width: 690rpx;
  height: 440rpx;
  background: #E51F54;
  text-align: center;
  vertical-align: middle;
}
.bottom-warp{
  width: 100%;
  height: 99rpx;
  position: fixed;
  bottom: 0rpx;
  border-top: 1rpx solid #D5D5D5;
  font-size: 30rpx;
  line-height: 99rpx;
  color: #fff;
}
.left,.middle,.right{
  background: #fff;
  width: 33.3%;
  display: inline-block;
  float: left;
  position: relative;
}
.middle{
  background: #464646;
}
.right{
  background: #E51F54;
}
.left-head{
  width: 49%;
  display: inline-block;
}
.line{
  width:2rpx;
  height:40rpx; 
  background:#D5D5D5; 
  vertical-align:middle;
  position: absolute;
  top: 30rpx;
  left: 126rpx;
}
.left-col{
  width: 49%;
  display: inline-block;
  position: relative;
}
.showhidden{
  position: absolute;
  top: 0rpx;
  left: 40rpx;
  display: inline-block;
}
.left image{
  width: 42rpx;
  height: 42rpx;
  vertical-align: middle;
}
.brighthide{
 display: none;
}
.brightshow{
 display: block;
}
.mask-box{
  position: fixed;
  top: 0rpx;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.4);
}
.mask-bot{
  position: fixed;
  width: 100%;
  height: 500rpx;
  bottom: 0rpx;
  background: #fff;
  padding: 30rpx;
}
.popup-warp{
  height: 170rpx;
}
.popup-pic image{
  width: 140rpx;
  height: 140rpx;
  background: #E51F54;
}
.pop-warp{
  width: 534rpx;
  padding-right: 30rpx;
  margin-right: 30rpx;
}
.pop-title{
  font-size: 28rpx;
  color: #363636;
  margin-bottom: 20rpx;
}
.pop-current{
  font-size: 24rpx;
  color: #E51F54;
  display: inline-block;
}
.pop-current text{
  font-size: 30rpx;
}
.pop-repertory{
  color: #B2B2B2;
  font-size: 26rpx;
  line-height: 60rpx;
}
.pop-repertory text{
  color: #E51F54; 
}
.spec-warp{
  margin-top: 30rpx;
}
.spec{
  color: #858585;
  font-size: 28rpx;
  display: inline-block;
  padding-right: 30rpx;
  line-height: 50rpx;
}
.option-warp{
  display: inline-block;
  font-size: 24rpx;
}
.frame{
  margin-right: 20rpx;
}
.frame .normal{
  padding: 16rpx 34rpx;
  border: 1rpx solid #858585;
}
.op-active{
  padding: 16rpx 34rpx;
  background: #E51F54;
  color: #fff;
  border: 1rpx solid #E51F54;
}
.count-warp{
  margin-top: 50rpx;
}
.count-warp .but{
  display: inline-block;
}
.count-warp .but text{
  width: 68rpx;
}
.count-warp .but .but-count{
  width: 100rpx;
}
.btn-sure{
  margin-top: 55rpx;
}
.confirm{
  width: 690rpx;
  height: 88rpx;
  line-height: 88rpx;
  text-align: center;
  background: #E51F54;
  color: #fff;
}